<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:t="http://myfaces.apache.org/tomahawk">
<h:head>
     <meta HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8" />
     <title>MyFaces - the free JSF Implementation</title>
     <h:outputStylesheet name="css/basic.css"/>
     <ui:insert name="head"/>
</h:head>
<h:body>

    <t:panelLayout id="page" layout="#{globalOptions.pageLayout}"
            styleClass="pageLayout"
            headerClass="pageHeader"
            navigationClass="pageNavigation"
            bodyClass="pageBody"
            footerClass="pageFooter" >

        <f:facet name="header">
            <f:subview id="header">
<h:panelGrid id="header_group1" columns="2" styleClass="pageHeader1"  >
    <t:graphicImage id="header_logo" url="images/logo_mini.jpg" alt="#{example_messages['alt_logo']}" />
    <f:verbatim>
        &nbsp;&nbsp;
        <font size="+1" color="#FFFFFF">MyFaces - The free JavaServer&#8482; Faces Implementation</font>
        <font size="-1" color="#FFFFFF">(Version 1.1.1)</font>
    </f:verbatim>
</h:panelGrid>

<h:panelGrid id="header_group2" columns="1" styleClass="pageHeader2" columnClasses="pageHeader2col1"  >
   <h:form id="cookMenuForm">
    <t:jscookMenu layout="hbr" theme="ThemeOffice" >
        <t:navigationMenuItem id="nav_1" itemLabel="#{example_messages['nav_Home']}" action="go_home" />
        <t:navigationMenuItem id="nav_2" itemLabel="#{example_messages['nav_Examples']}" >
            <t:navigationMenuItem id="nav_2_1" itemLabel="#{example_messages['nav_Sample_1']}" action="go_sample1" icon="images/myfaces.gif" />
            <t:navigationMenuItem id="nav_2_2" itemLabel="#{example_messages['nav_Sample_2']}" action="go_sample2" icon="images/myfaces.gif" />
            <t:navigationMenuItem id="nav_2_3" itemLabel="#{example_messages['nav_Validate']}" action="go_validate" icon="images/myfaces.gif" />
            <t:navigationMenuItem id="nav_2_4" itemLabel="#{example_messages['nav_Components']}" icon="images/component.gif" split="true" >
	            <t:navigationMenuItem id="nav_2_4_1" itemLabel="#{example_messages['nav_aliasBean']}" action="go_aliasBean" icon="images/myfaces.gif" />
  	            <t:navigationMenuItem id="nav_2_4_1_2" itemLabel="#{example_messages['nav_buffer']}" action="go_buffer" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_2" itemLabel="#{example_messages['nav_dataTable']}" action="go_dataTable" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_3" itemLabel="#{example_messages['nav_sortTable']}" action="go_sortTable" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_4" itemLabel="#{example_messages['nav_Selectbox']}" action="go_selectbox" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_5" itemLabel="#{example_messages['nav_FileUpload']}" action="go_fileupload" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_6" itemLabel="#{example_messages['nav_TabbedPane']}" action="go_tabbedPane" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_7" itemLabel="#{example_messages['nav_Calendar']}" action="go_calendar" icon="images/myfaces.gif" split="true" />
                <t:navigationMenuItem id="nav_2_4_71" itemLabel="#{example_messages['nav_Popup']}" action="go_popup" icon="images/myfaces.gif" split="true" />
                <t:navigationMenuItem id="nav_2_4_72" itemLabel="#{example_messages['nav_JsListener']}" action="go_jslistener" icon="images/myfaces.gif" split="true" />
            	<t:navigationMenuItem id="nav_2_4_8" itemLabel="#{example_messages['nav_Date']}" action="go_date" icon="images/myfaces.gif" />
	            <t:navigationMenuItem id="nav_2_4_81" itemLabel="#{example_messages['nav_InputHtml']}" action="go_inputHtml" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_9" itemLabel="#{example_messages['nav_dataList']}" action="go_dataList" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_10" itemLabel="#{example_messages['nav_tree']}" action="go_tree" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_100" itemLabel="#{example_messages['nav_tree2']}" action="go_tree2" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_11" itemLabel="#{example_messages['nav_treeTable']}" action="go_treeTable" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_13" itemLabel="#{example_messages['nav_dataScroller']}" action="go_datascroller" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_14" itemLabel="#{example_messages['nav_panelstack']}" action="go_panelstack" icon="images/myfaces.gif" />
	            <t:navigationMenuItem id="nav_2_4_15" itemLabel="#{example_messages['nav_css']}" action="go_css" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_16" itemLabel="#{example_messages['nav_newspaperTable']}" action="go_newspaperTable" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_17" itemLabel="#{example_messages['nav_swapimage']}" action="go_swapimage" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_18" itemLabel="#{example_messages['nav_forceId']}" action="go_forceId" icon="images/myfaces.gif" />
                <t:navigationMenuItem id="nav_2_4_19" itemLabel="#{example_messages['nav_selectOneCountry']}" action="go_selectOneCountry" icon="images/myfaces.gif" />
            </t:navigationMenuItem>
        </t:navigationMenuItem>
        <t:navigationMenuItem id="nav_3" itemLabel="#{example_messages['nav_Documentation']}" >
            <t:navigationMenuItem id="nav_3_1" itemLabel="#{example_messages['nav_Features']}" action="go_features" icon="images/myfaces.gif" />
        </t:navigationMenuItem>
        <t:navigationMenuItem id="nav_4" itemLabel="#{example_messages['nav_Options']}" action="go_options" />
        <t:navigationMenuItems id="nav_5" value="#{navigationMenu.infoItems}" />

    </t:jscookMenu>
    </h:form>
</h:panelGrid>
            </f:subview>
        </f:facet>

        <f:facet name="navigation">
            <f:subview id="menu" >
    <h:form id="panelNavigationForm">
    <t:panelNavigation id="nav"
              styleClass="navigation"
              separatorClass="navseparator"
              itemClass="navitem"
              activeItemClass="navitem_active"
              openItemClass="navitem_open"   >
    <t:commandNavigation id="nav_1" value="#{example_messages['nav_Home']}" action="go_home">
        <f:param name="param" value="value"/>
    </t:commandNavigation>
    <t:commandNavigation id="nav_2" value="#{example_messages['nav_Examples']}" >
        <t:commandNavigation id="nav_2_1" value="#{example_messages['nav_Sample_1']}" action="go_sample1" />
        <t:commandNavigation id="nav_2_2" value="#{example_messages['nav_Sample_2']}" action="go_sample2" />
        <t:commandNavigation id="nav_2_3" value="#{example_messages['nav_Validate']}" action="go_validate" />
        <t:commandNavigation id="nav_2_4" value="#{example_messages['nav_Components']}" >
            <t:commandNavigation id="nav_2_4_1" value="#{example_messages['nav_aliasBean']}" action="go_aliasBean" />
            <t:commandNavigation id="nav_2_4_1_2" value="#{example_messages['nav_buffer']}" action="go_buffer" />
            <t:commandNavigation id="nav_2_4_2" value="#{example_messages['nav_dataTable']}" action="go_dataTable" />
            <t:commandNavigation id="nav_2_4_3" value="#{example_messages['nav_sortTable']}" action="go_sortTable" />
            <t:commandNavigation id="nav_2_4_4" value="#{example_messages['nav_Selectbox']}" action="go_selectbox" />
            <t:commandNavigation id="nav_2_4_5" value="#{example_messages['nav_FileUpload']}" action="go_fileupload" />
            <t:commandNavigation id="nav_2_4_6" value="#{example_messages['nav_TabbedPane']}" action="go_tabbedPane" />
            <t:commandNavigation id="nav_2_4_7" value="#{example_messages['nav_Calendar']}" action="go_calendar" />
            <t:commandNavigation id="nav_2_4_71" value="#{example_messages['nav_Popup']}" action="go_popup" />
            <t:commandNavigation id="nav_2_4_72" value="#{example_messages['nav_JsListener']}" action="go_jslistener" />
            <t:commandNavigation id="nav_2_4_73" value="#{example_messages['nav_panelnavigation']}" action="go_panelnavigation" />
            <t:commandNavigation id="nav_2_4_8" value="#{example_messages['nav_Date']}" action="go_date" />
            <t:commandNavigation id="nav_2_4_81" value="#{example_messages['nav_InputHtml']}" action="go_inputHtml" />
            <t:commandNavigation id="nav_2_4_9" value="#{example_messages['nav_dataList']}" action="go_dataList" />
            <t:commandNavigation id="nav_2_4_10" value="#{example_messages['nav_tree']}" action="go_tree" />
            <t:commandNavigation id="nav_2_4_100" value="#{example_messages['nav_tree2']}" action="go_tree2" />
            <t:commandNavigation id="nav_2_4_11" value="#{example_messages['nav_treeTable']}" action="go_treeTable"/>
            <t:commandNavigation id="nav_2_4_13" value="#{example_messages['nav_dataScroller']}" action="go_datascroller" />
            <t:commandNavigation id="nav_2_4_14" value="#{example_messages['nav_panelstack']}" action="go_panelstack" />
            <t:commandNavigation id="nav_2_4_15" value="#{example_messages['nav_css']}" action="go_css" />
            <t:commandNavigation id="nav_2_4_16" value="#{example_messages['nav_newspaperTable']}" action="go_newspaperTable" />
            <t:commandNavigation id="nav_2_4_17" value="#{example_messages['nav_swapimage']}" action="go_swapimage" />
            <t:commandNavigation id="nav_2_4_18" value="#{example_messages['nav_forceId']}" action="go_forceId" />
            <t:commandNavigation id="nav_2_4_19" value="#{example_messages['nav_selectOneCountry']}" action="go_selectOneCountry" />
        </t:commandNavigation>
    </t:commandNavigation>
    <t:commandNavigation id="nav_3" value="#{example_messages['nav_Documentation']}" >
        <t:commandNavigation id="nav_3_1" value="#{example_messages['nav_Features']}" action="go_features"/>
    </t:commandNavigation>
    <t:commandNavigation id="nav_4" value="#{example_messages['nav_Options']}" action="go_options" />
    <f:verbatim>&nbsp;</f:verbatim>
    <t:commandNavigation id="nav_5" value="#{example_messages['nav_Info']}" >
        <t:commandNavigation id="nav_5_1" value="#{example_messages['nav_Contact']}" action="go_contact" />
        <t:commandNavigation id="nav_5_2" value="#{example_messages['nav_Copyright']}" action="go_copyright" />
    </t:commandNavigation>
</t:panelNavigation>
    </h:form>
            </f:subview>
        </f:facet>

        <f:facet name="body">
            <h:panelGroup id="idbody">
                <ui:insert name="body"/>
            </h:panelGroup>
        </f:facet>

    </t:panelLayout>

<ui:insert name="mbean_source">
  <br/>
  <br/>

  <t:dataList value="#{accessedBeans.beanList}" var="accessedBean" layout="unorderedList">
      <h:outputLink value="#{accessedBean.clazz}.java.source">
          <h:outputText value="Show source of bean with name : "/>
          <h:outputText value="#{accessedBean.name}"/>
          <h:outputText value=" and class : "/>
          <h:outputText value="#{accessedBean.clazz}"/>
      </h:outputLink>
  </t:dataList>
</ui:insert>
<ui:insert name="footer">
  <br/>
  <br/>
  <a href="home.jsf">[HOME]</a>
  &nbsp;
  <a href="#{request.requestURI}.source">[SOURCE]</a>
  </ui:insert>
</h:body>
</html>
